/* stuk dat in IPO_dynamic stond */




table.j_report_table,table.j_report_legend, p.j-footnote {
    font-family: Tahoma, Helvetica, sans-serif;
	/* font-size: 13px; */
}


.swingreport .j_report_legend {
    font-family: Tahoma, Helvetica, sans-serif;
}

.printonly tr{
    
}


.tussentitel{
	background-color: #e1e1f5 !important;
}

table.j_report_table.table_begrippen{
    width:100%;
    margin:0;
    padding:0;
}

table.j_report_table.table_begrippen th:first-child,
table.j_report_table.table_begrippen td.table_header_cell
{
    width:170px;
}

table.j_report_table.table_begrippen thead tr:first-child th
{
    width:auto;
}


table.j_report_table.table_begrippen--2{
    border-top:none;
}

table.j_report_table.table_begrippen--2 thead tr{
    display:none;
}

/* EINDE stuk dat in IPO_dynamic stond */



/* Jive Report Table Styles*/
 table.j_report_table, table.j_report_legend {
	table-layout: auto;
	background-color: white;
	border-collapse: separate;
	text-align: left;
	letter-spacing: 0.02em;
	line-height: 16px;
	border-spacing: 0;
}

table.j_report_table {
	border-left: 1px solid #cbcfe0;
	border-top: 1px solid #cbcfe0;
	page-break-inside: avoid;
}
	/* data general */
	table.j_report_table td, table.j_report_legend td {
		padding: 3px;
		vertical-align: top;
		
	}

	table.j_report_table td {
		border-right: 1px solid #cbcfe0;
		border-bottom: 1px solid #cbcfe0;
		text-align: right;
	}

	/* header general */
	td.table_header_cell, table.j_report_table thead th, table.j_report_legend th {
		text-align: left;
		vertical-align: top;
		font-weight: 400;
	}
	
	table.j_report_table th, table.j_report_table td {
	    padding: 3px;
        vertical-align: middle;
        font-size: 1em;
    }
    
    /* dit bepaalt de opmaak van het woord "Bron" in de legende 
    OPMERKING: dit lijkt geen enkel effect te hebben */
    table.j_report_legend th {
	    font-weight: 400;
    }

td.table_header_cell, table.j_report_table th {
	background-color: #f0f0f5;
	border-right: 1px solid #cbcfe0;
	border-bottom: 1px solid #cbcfe0;
}

.j_report_table th.numeric, .j_report_table td.numeric {
	text-align: right;
}

.j_report_table th.text, .j_report_table td.text {
	text-align: left;
}

/*sorting*/
.j_report_table th.ascending {
	background-image: url(img/sort-u.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.j_report_table th.descending {
	background-image: url(img/sort-d.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.j_report_table td.sorted {
	padding-right: 20px;
}

/*links*/
table.j_report_table a {
	text-decoration: none;
	font-weight: normal;
	color: Blue;
}

	table.j_report_table a:hover {
		text-decoration: underline;
		color: Blue;
	}

/* f van forecast */
.j_report_table td.f {
	color: gray;
	font-style: italic;
}

/* e van estimate */
.j_report_table td.e {
	color: gray;
}

.j_report_table td.j_report_data a {
	text-align: right;
}

.j_report_table thead tr th {
	width: 100px; /* toegevoegd, dit zorgt ervoor dat alle inhoudelijke kolommen even breed zijn. Oorspronkelijk was dit van toepassing op  tr:first-child */
}

.j_report_table thead tr:first-child th.bredekolom {
    width: 80%; /* toegevoegd, hiermee kan je op basis van een lokale CLASS een kolom extra breed maken */
}

table.j_report_table thead th {
	text-align: right; /* aangepast van center */
}

.j_report_table th.j_report_left_label {
	text-align: left;
	vertical-align: top;
}

/* dit kleurt het totaal heel donker, dat vinden we niet mooi (keuze 2019-10-11) */
/* .j_report_table tr.j_report_row_total td {
	background: #cbcfe0;
} */

.j_report_table th.t-left {
	text-align: left;
}

.j_report_table th.t-right {
	text-align: right;
}


/* legend table */
table.j_report_legend {
	margin-top: 10px;
	margin-bottom: 6px;
}

table.j_report_legend th, table.j_report_legend td {
	padding: 2px;
	padding-left: 1px;
	padding-right: 4px;
}

.j_report_legend span.j_report_legend_dataclass_color {
	display: inline-block;
	width: 30px;
	height: 15px;;
}

.j_report_legend span.j_report_legend_dataclass_color {
	display: inline-block;
	width: 30px;
	height: 15px;;
}

/* Breedte kolommen instellen*/
/* Ziet er lelijk uit
Indien layout class van figuur in rapport overeen komt met tabel1... dan wordt dit toegepast
.tabel1 th.j_report_left_label {
	width: 70%;
}

.tabel1 .j_report_table td {
	width: 30%;
}

.tabel2 th.j_report_left_label {
	width: 50%;
}

.tabel2 .j_report_table td {
	width: 25%;
}

.tabel3 th.j_report_left_label {
	width: 46%;
}

.tabel3 .j_report_table td {
	width: 18%;
}

.tabel4 th.j_report_left_label {
	width: 44%;
}

.tabel4 .j_report_table td {
	width: 14%;
}

.tabel5 th.j_report_left_label {
	width: 40%;
}

.tabel5 .j_report_table td {
	width: 12%;
}

.tabel6 th.j_report_left_label {
	width: 40%;
}

.tabel6 .j_report_table td {
	width: 10%;
}

.tabel7 th.j_report_left_label {
	width: 30%;
}

.tabel7 .j_report_table td {
	width: 10%;
}

.tabel8 th.j_report_left_label {
	width: 28%;
}

.tabel8 .j_report_table td {
	width: 9%;
}

*/

/* Breedte kolommen >> tel het aantal kolommen zonder de eerste kolom */

/* BREEDTE KOLOMMEN TABELLEN */

.tabel1 th.j_report_left_label {
    width: 70%;
}

.tabel1 .j_report_table td {
    width: 30%;
}

.tabel2 th.j_report_left_label {
    width: 50%;
}

.tabel2 .j_report_table td {
    width: 25%;
}

.tabel3 th.j_report_left_label {
    width: 46%;
}

.tabel3 .j_report_table td {
    width: 18%;
}

.tabel4 th.j_report_left_label {
    width: 44%;
}

.tabel4 .j_report_table td {
    width: 14%;
}

.tabel5 th.j_report_left_label {
    width: 40%;
}

.tabel5 .j_report_table td {
    width: 12%;
}

.tabel6 th.j_report_left_label {
    width: 40%;
}

.tabel6 .j_report_table td {
    width: 10%;
}

.tabel7 th.j_report_left_label {
    width: 30%;
}

.tabel7 .j_report_table td {
    width: 10%;
}

.tabel8 th.j_report_left_label {
    width: 28%;
}

.tabel8 .j_report_table td {
    width: 9%;
}

/* fix voor ongewenste witruimte in gesorteerde tabellen */

.j_report_table th.ascending, .j_report_table th.descending, .j_report_table td.sorted {
    padding-right: 3px;
}